<template>
	<view class="footer">
		<tui-tabbar :tabBar="tabBar" hump :current="current" @click="tabbarSwitch" selectedColor="#c43252"></tui-tabbar>
	</view>
</template>

<script>
	export default {
		name: "myTabar",
		props: {
			current: {
				type: Number,
				default: 0
			}
		},
		components: {},
		data() {
			return {
				tabBar: [{
						pagePath: '/pages/index/index',
						text: '首页',
						iconPath: '/static/images/tabbar/code_gray.png',
						selectedIconPath: '/static/images/tabbar/code_active.png'
					},
					{
						pagePath: '/pages/tabbar/index/index',
						text: '走路',
						iconPath: '/static/images/tabbar/code_gray.png',
						selectedIconPath: '/static/images/tabbar/code_active.png'
					},
					{
						pagePath: '',
						text: '发布任务',
						iconPath: '/static/images/tabbar/release.png',
						hump: true,
						selectedIconPath: '/static/images/tabbar/release.png'
					},
					{
						pagePath: '/pages/tabbar/index/index',
						text: '赚钱',
						iconPath: '/static/images/tabbar/code_gray.png',
						selectedIconPath: '/static/images/tabbar/code_active.png'
					},
					{
						pagePath: '/pages/center/index/index',
						text: '我的',
						iconPath: '/static/images/tabbar/thor_gray.png',
						selectedIconPath: '/static/images/tabbar/thor_active.png',
						num: 2,
						isDot: true,
						verify: true
					}
				],
			}
		},
		onReady() {},
		methods: {
			tabbarSwitch(e) {
				//获取登录状态，此处默认未登录
				console.log(e)
				this.$emit('tabBarClick', e)
			},
		},
	}
</script>
<style>
	page {
		background: #fafbfd;
	}
</style>
<style scoped lang="scss">

</style>
